<template>
  <div>
    <h1>Parent -- {{msg}}</h1>
    <!-- 直接使用v-model -->
    <input type="text" v-model='msg'>

    <!--本质上  -->
    <input type="text" :value='msg' @input='msg=$event.target.value'>

    <!-- 父子组件间 数据双向绑定 -->
    <Child :value='msg' @input="msg=$event"/>

    <!-- v-model 数据双向 -->
    <Child  v-model='msg'/>
  </div>
</template>

<script>
import Child from "./Child";
export default {
  name: "Parent",
  components: {
    Child,
  },
  data(){
    return {
      msg:0
    }
  }
};
</script>

<style>
</style>